<?php
include ('../../datos/general.php');
include ('../../datos/conexion.php');
include ('../../datos/storeprocedure.php');
validarSession('Coordinador');
//$conn=obtenerConexion();
?>
	<script>
	var idLabor='';
	$(function() {
		$( "#accordion" ).accordion({
			autoHeight: false,
			navigation: true
		});
	});
	
	$(function() {
		$('#campoFechaini').datepicker({changeMonth: true,changeYear: true,yearRange: '1940:<?php echo $year;?>',maxDate: '+0m +0w +0y' });
        });	

	$(function() {
		$('#campoFechafin').datepicker({changeMonth: true,changeYear: true,yearRange: '1940:<?php echo $year;?>',maxDate: '+0m +0w +0y' });
        });
	
	$(function() {
		$('#editarCampoFechaini').datepicker({changeMonth: true,changeYear: true,yearRange: '1940:<?php echo $year;?>',maxDate: '+0m +0w +0y' });
        });	

	$(function() {
		$('#editarCampoFechafin').datepicker({changeMonth: true,changeYear: true,yearRange: '1940:<?php echo $year;?>',maxDate: '+0m +0w +0y' });
        });				
		
	function limpiarCamposRegistro(lugar){
			document.getElementById("nombreLabor").value="";
			document.getElementById("campoFechaini").value="";
			document.getElementById("campoFechafin").value="";
			document.getElementById("campoHoras").value="";
			if(lugar!="bd")
				document.getElementById("respuestaRegistroLabor").innerHTML="";
		}
	
	function mostrarTabla(){
			$(".flexme3").flexigrid({
				url : 'Coordinador/labores/laboresCargarTabla.php',
				dataType : 'xml',
				colModel : [{ display : 'Nombre', name : 'nombreLabor', width : 160, sortable : true, align : 'left'}, 
							{ display : 'Fecha Inicio', name : 'fechaInicio', width : 80, sortable : true, align : 'left'}, 
							{display : 'Fecha Fin', name : 'fechaFin', width : 80, sortable : true, align : 'left'},
							{display : 'Carga en horas', name : 'carga', width : 80, sortable : true, align : 'left'},
							{display : 'Tipo labor', name : 'tipoLabor', width : 80, sortable : true, align : 'left'}],
				searchitems : [	{display : 'Nombre', name : 'nombreLabor'},
								{display : 'Fecha Inicio', name : 'fechaInicio'}, 
								{display : 'Fecha Fin', name : 'fechaFin'},
								{display : 'Carga', name : 'carga'},
								{display : 'Tipo labor', name : 'tipoLabor'}],
				buttons : [ {name : 'Editar', bclass : 'edit',onpress : editar}],
				sortname : "nombreLabor",
				sortorder : "asc",
				usepager : true,
				title : 'Labores registradas',
				useRp : true,
				rp : 10,
				showTableToggleBtn : true,
				width : 545,
				height : 220,
				singleSelect: true
			});
		}
		
	function editar(com, grid){
		var items = $('.trSelected', grid);
			if(items.length>0){
				idLabor= items[0].id.substr(3);
				$("#divEditar").show("slow");
				document.getElementById("editarNombreLabor").value= $('td[abbr="nombreLabor"] >div', items).html();
				document.getElementById("editarCampoFechaini").value= $('td[abbr="fechaInicio"] >div', items).html();
				document.getElementById("editarCampoFechafin").value= $('td[abbr="fechaFin"] >div', items).html();
				document.getElementById("editarCampoHoras").value= $('td[abbr="carga"] >div', items).html();
				document.getElementById("respuestaEditarLabor").innerHTML="";
				document.getElementById("editarNombreLabor").focus();
				document.location="#moverFinal";
			}
			else alert('Debe seleccionar un registro.');
		}
	
	function ocultarDiv(){
		$("#divEditar").hide("slow");
		}

function limpiarEditarLabor(){
	document.getElementById("editarNombreLabor").value= "";
	document.getElementById("editarCampoFechaini").value= "";
	document.getElementById("editarCampoFechafin").value= "";
	document.getElementById("editarCampoHoras").value= "";
	}
			
function registrarLabor(){
	if(document.getElementById("nombreLabor").value!=""	&& document.getElementById("campoFechaini").value!=""
		&& document.getElementById("campoFechafin").value!="" && document.getElementById("campoHoras").value!=""){
		var labor="";
		var campoLabor=document.getElementsByName("labor");
		for(i=0;i<campoLabor.length;i++){
			if(campoLabor[i].checked)
				labor=campoLabor[i].id;
			}
		if(labor!="" && isNaN(document.getElementById("campoHoras").value)==false){	
			var nombreLabor=document.getElementById("nombreLabor").value;
			var fechaIni=document.getElementById("campoFechaini").value;
			var fechaFin=document.getElementById("campoFechafin").value;
			var horas=	document.getElementById("campoHoras").value;
			if(fechaIni<=fechaFin){
				parametros="tipo="+encodeURIComponent("registroLabor")+"&nombreLabor="+encodeURIComponent(nombreLabor)+"&fechaIni="+encodeURIComponent(fechaIni)+
						   "&fechaFin="+encodeURIComponent(fechaFin)+"&horas="+encodeURIComponent(horas)+"&labor="+encodeURIComponent(labor);
				cargar("respuestaRegistroLabor", "", "Coordinador/labores/laboresfunciones.php", "POST", parametros, true, "");
				}
			else document.getElementById("respuestaRegistroLabor").innerHTML="Datos erroneos";
			}
		else document.getElementById("respuestaRegistroLabor").innerHTML="Faltan datos";	
	}
	else document.getElementById("respuestaRegistroLabor").innerHTML="Faltan datos";
	}

function editarLabor(){
	if(document.getElementById("editarNombreLabor").value!=""	&& document.getElementById("editarCampoFechaini").value!=""
		&& document.getElementById("editarCampoFechafin").value!="" && document.getElementById("editarCampoHoras").value!=""){
		var labor="";
		var campoLabor=document.getElementsByName("editarLabor");
		for(i=0;i<campoLabor.length;i++){
			if(campoLabor[i].checked)
				labor=campoLabor[i].id;
			}
		if(labor!="" && isNaN(document.getElementById("campoHoras").value)==false){	
			var nombreLabor=document.getElementById("editarNombreLabor").value;
			var fechaIni=document.getElementById("editarCampoFechaini").value;
			var fechaFin=document.getElementById("editarCampoFechafin").value;
			var horas=	document.getElementById("editarCampoHoras").value;
			if(fechaIni<=fechaFin){
				parametros="tipo="+encodeURIComponent("editarLabor")+"&nombreLabor="+encodeURIComponent(nombreLabor)+"&fechaIni="+encodeURIComponent(fechaIni)+
						   "&fechaFin="+encodeURIComponent(fechaFin)+"&horas="+encodeURIComponent(horas)+"&labor="+encodeURIComponent(labor)+"&idLabor="+encodeURIComponent(idLabor);
				cargar("respuestaEditarLabor", "", "Coordinador/labores/laboresfunciones.php", "POST", parametros, true, "");
				}
			else document.getElementById("respuestaEditarLabor").innerHTML="Datos erroneos";
			}
		else document.getElementById("respuestaEditarLabor").innerHTML="Faltan datos";	
	}
	else document.getElementById("respuestaEditarLabor").innerHTML="Faltan datos";
	}		
	</script>

<table id="tablaContenedora">
	<tr>
    	<td  align="center">
        	<div class="demo">
				<div id="accordion">
					<h3>
                    	<a href="#" onclick="limpiarCamposRegistro('');$('.flexme3').flexReload();">
                        	Ver labores
                        </a>
                    </h3>
	                    <!-- Cargas lista de labores en la tabla-->   
                        <div id="listaCarreras" align="left">	
                        <table class="flexme3" style="display: none"></table>
                        <script>mostrarTabla();</script>
                        <div id="divEditar" style="-moz-border-radius: 10px;-webkit-border-radius: 10px; border: 1px solid #000000; display:none" >
	                        <h3 align="center">Edite información de la labor</h3>
                            <table align="center">
                            	<tr>
                                	<td align="right">
                                    	 Nombre de labor:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="editarNombreLabor"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
								
								
								<tr>
                                	<td align="right">
                                    	 Fecha de inicio:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="editarCampoFechaini"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
								
								
								<tr>
                                	<td align="right">
                                    	 Fecha de fin:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="editarCampoFechafin"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
								
                                <tr>
                                	<td align="right">
                                    	 Carga en horas:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="editarCampoHoras"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr>
                                	<td align="right">
                                    	Tipo Labor:
                                    </td>
                                    <td>
                                    	<input type="radio"  name="editarLabor" value="Administrativa" id="A">Administrativa <br />
                                        <input type="radio" name="editarLabor" value="Investigacion" id="I">Investigacion <br/>
										<input type="radio" name="editarLabor" value="Especial" id="E">Especial										
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                            	<tr align="right">
                                	<td colspan="2">
	                                    <button onclick="ocultarDiv();">Ocultar</button>
	                                    <button onclick="editarLabor();">Registrar</button>
                                    </td>
                                </tr>
                                <tr align="right">
                                	<td colspan="2" id="respuestaEditarLabor" style="color:#F00">
                                    </td>
                                </tr>
                            </table>
                        </div>
                        </div> <!-- Div listaLabores-->
                    <!--Registrar labores-->
					<h3>
                    	<a href="#" >
							Registrar labores
                        </a>
					</h3>
						<div id="registroLabores">
                        	<table>
                            	<tr>
                                	<td align="right">
                                    	 Nombre de labor:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="nombreLabor"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
								
								
								<tr>
                                	<td align="right">
                                    	 Fecha de inicio:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="campoFechaini"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
								
								
								<tr>
                                	<td align="right">
                                    	 Fecha de fin:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="campoFechafin"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
								
                                <tr>
                                	<td align="right">
                                    	 Carga en horas:
                                    </td>
                                    <td style="color:#F00">
                                    	<input type="text" id="campoHoras"/>
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                                <tr>
                                	<td align="right">
                                    	Tipo Labor:
                                    </td>
                                    <td>
                                    	<input type="radio"  name="labor" value="Administrativa" id="A">Administrativa <br />
                                        <input type="radio" name="labor" value="Investigacion" id="I">Investigacion <br/>
										<input type="radio" name="labor" value="Especial" id="E">Especial										
                                    </td>
                                    <td style="color:#F00; vertical-align:top" align="left">*</td>
                                </tr>
                            	<tr align="right">
                                	<td colspan="2">
	                                    <button onclick="registrarLabor();">Registrar</button>
                                    </td>
                                </tr>
                                <tr align="right">
                                	<td colspan="2" id="respuestaRegistroLabor" style="color:#F00">
                                    </td>
                                </tr>
                            </table>
						</div><!-- Div registroUsuario-->
				</div><!-- Div acordion -->
			</div><!-- Div demo -->
		</td><!-- columna contenedora -->
	</tr><!-- fila contenedora -->
</table><!-- Tabla contenedora -->